import Vue from 'vue'
import VueRouter from 'vue-router'
import Login from '@/views/login'
import Home from '@/views/home'
import Layout from '@/views/layout'
import Article from '@/views/article'
import Imagee from '@/views/imagee'
import Publish from '@/views/publish'
import Comment from '@/views/comment'
Vue.use(VueRouter)

const routes = [
 {
   path:'/login',
   name:'login',
  component:Login,
 },
 {
  path:'/',
  //如果有默认子路由就不要给夫路由起名字了
  // name:'layout',
 component:Layout,
 children:[
  {
    path:'', //path 为空会作为默认子路由
    name:'home',
   component:Home
  },
   {
    path:'/article', 
    name:'article',
   component:Article
  },
  {
    path:'/imagee', 
    name:'imagee',
   component:Imagee
  },
  {
    path:'/publish', 
    name:'publish',
   component:Publish
  },
  {
    path:'/comment', 
    name:'comment',
   component:Comment
  },
 ]
 },
 
]

const router = new VueRouter({
  routes
})
// 路由导航守卫：说白了所有页面的导航都会经过这里
// 守卫页面的导航
// to:要去的路由信息
// from 来自哪里的路由信息
// next：放行的方法
// router.beforeEach((to,from,next)=>{
// console.log("页面进来了")
// console.log(from)
// 如果要访问的页面不是/login,效验登录状态
// 如果没有登录，则跳转到登录页面
// 如果登录了则允许通过

// const user=JSON.parse(Window.localStorage.getItem('user'))
// if(to.path !=='/login'){
// if(user){
  // 以登陆允许登录
//   next()
// }else{
  // 没有登录跳转登录页面
//   next('/login')
// }
// }else{
//   next()
// }
// })

export default router
